// 1. 导入表单验证插件
import wxValidate from 'wechat-validate'
const app = getApp()
Page({
  // 2. 将插件注入到页面实例中，类似vue2的mixin
  behaviors: [wxValidate],
  data: {
    countDownVisible: false,
    mobile: '18075917056', // 3. 前端页面双向绑定
    yanz: ''
  },
  rules: { // 4. 定义规则数组
    mobile: [
      { required: true, message: '请填写手机号码!' },
      { pattern: /^1[3-8]\d{9}$/, message: '手机号码不正确！' }
    ],
    yanz: [
      { required: true, message: '请填写验证码!' },
      { pattern: /^\d{6}$/, message: '请填写正确的验证码!' }
    ]
  },
  onLoad({redirectURL}){
    // 把得到的回跳页面保存到当前页面的实例上
    this.redirectURL = redirectURL
  },
  // 登录
  async denglu() {
    // 校验全部表单信息
    if (!this.validate()) return
    // 调取获取token的接口
    let { code, message, data } = await wx.http.post("/login", { mobile: this.data.mobile, code: this.data.yanz })
    if (code !== 10000) return wx.showToast({ title: message, icon: 'none' })
    // token持久化
    app.setToken("token", data.token)
    app.setToken("refreshToken", data.refreshToken)
    // 跳回原页面
    wx.redirectTo({
      url: this.redirectURL,
    })
  },
  // 点击获取验证码的文字开启验证码
  async upCountDown() {
    // 手机号码的校验
    // 获取验证结果(npm)
    const { valid, message } = this.validate('mobile')
    if (!valid) return wx.showToast({ title: message, icon: 'none' })
    // 发送获取验证码的请求，把验证码填入表单
    const { code, data } = await wx.http.get('/code', { mobile: this.data.mobile })
    if (code !== 10000) return console.log("验证码获取失败");
    this.setData({
      countDownVisible: true,
      yanz: data.code
    })
  },
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
})
